<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/public.css">
</head>

<body>
    <div class="head">
        <div class="navbar">
            <div class="navbar-header">
                <a href="file:///C:/%E5%8D%83%E5%B3%B0%E6%95%99%E8%82%B2/%E4%BA%8C%E9%98%B6%E6%AE%B52/demo1/src/firstpage.html">
                    <div class="logo"></div>
                </a>
                <div class="dropdown">
                    <li class="li1">
                        <a href="">所有商品</a>
                        <div class="panel-collapse">
                            <div class="allshoping">
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="li1"><a href="">篮球</a>
                        <div class="panel-collapse">
                            <div class="allshoping">
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                        <li><a href="">运动鞋</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="li1"><a href="">跑步</a>
                        <div class="panel-collapse">
                            <div class="allshoping">
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                        <li><a href="">板鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                                <div class="sdw-pc">
                                    <a href="">男鞋</a>
                                    <ul>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                        <li><a href="">篮球鞋</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="li1"><a href="">新品</a></li>
                    <li class="li1"><a href="">企业团购</a></li>
                    <li class="li1"><a href="">大码鞋</a></li>
                    <li class="li1"><a href="">态极</a></li>
                    <li class="li1"><a href="">秒杀</a></li>
                </div>
                <div class="nav-wrapper">
                    <span class="sp1"><a href="file:///C:/%E5%8D%83%E5%B3%B0%E6%95%99%E8%82%B2/%E4%BA%8C%E9%98%B6%E6%AE%B52/demo1/src/login.html">请登录</a><span style="float: left;">|</span></span>
                    <span class="sp1"><a href="file:///C:/%E5%8D%83%E5%B3%B0%E6%95%99%E8%82%B2/%E4%BA%8C%E9%98%B6%E6%AE%B52/demo1/buycar01.html">购物车(0)</a><span style="float: left;">|</span></span>
                    <span class="sp1"><a href="">我的订单</a><span style="float: left;">|</span></span>
                    <span class="sp1"><a href="">网站导航</a><span style="float: left;">|</span></span>
                    <span class="sp1"><a href="">联系客服</a><span style="float: left;">|</span></span>
                    <span class="sp1 spn1"><a href=""><img src="../img/icon_phone.png">手机版</a>
                        <div class="nav-wrapper-phone"><img src="../img/m_epeaksport.jpg" alt=""></div>
                    </span>
                </div>
                <div class="search"> <input type="text"><span class="searchimg"></span></div>
            </div>
        </div>
    </div>
    <div class="upmain">
        <div class="main">
            <div class="loginleft">
                <p id="keylogin">还未注册?</p>
                <p class="loginyour">
                    <a href="file:///C:/%E5%8D%83%E5%B3%B0%E6%95%99%E8%82%B2/%E4%BA%8C%E9%98%B6%E6%AE%B52/demo1/register.html">注册你的匹克账号</a>
                    <img src="../img/login-icon1.png" alt="">
                </p>
                <div class="login-public">
                    <img src="../img/login-code.jpg" alt="">
                    <p>匹克官方网店微信公众号</p>
                    <p class="c-red">关注不一样的运动商城</p>
                </div>
            </div>
            <div class="loginright">
                <div>
                    <p>登录你的匹克会员</p>
                    <div class="validata-box">
                        <input type="text">
                    </div>
                    <div class="xstyleInput-panel">
                        <input type="text">
                    </div>
                    <div class="login-forget">
                        <a href="">忘记密码?</a>
                        <div class="btn-login">登录</div>
                    </div>
                    <div class="login-underline">
                        <a href="">线下会员激活</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="footer-container">
            <div class="footer-item-wrapper ">
                <div class="foot-icon">
                    <img src="../img/foot-icon1.png" alt="">
                    <span>防伪查询</span>
                </div>
                <div class="foot-icon">
                    <img src="../img/foot-icon2.png" alt="">
                    <span>满99元包邮</span>
                </div>
                <div class="foot-icon">
                    <img src="../img/foot-icon3.png" alt="">
                    <span>7天无理由退货</span>
                </div>
                <div class="foot-icon">
                    <img src="../img/foot-icon4.png" alt="">
                    <span>品牌直营</span>
                </div>
                <div class="foot-icon">
                    <img src="../img/foot-icon5.png" alt="">
                    <span>团购服务</span>
                </div>
            </div>
        </div>
        <div class="footer-wrapper">
            <div class="honor">
                <div class="cbg-clear">
                    <div class="cbg-clear">
                        <a href="">购物相关</a>
                        <a href="">新手帮助</a>
                        <a href="">购物指南</a>
                    </div>
                    <div class="cbg-clear">
                        <a href="">售后服务</a>
                        <a href="">正品验证</a>
                        <a href="">退货换货</a>
                        <a href="">退货查看物流</a>
                    </div>
                    <div class="cbg-clear">
                        <a href="">会员服务</a>
                        <a href="">关于抵用卷</a>
                        <a href="">积分规则</a>
                        <a href="">退货查看物流</a>
                    </div>
                    <div class="cbg-clear">
                        <a href="">友情链接</a>
                        <a href="">匹克官方</a>
                        <a href="">匹克补货</a>
                        <a href="">匹克团购通</a>
                        <a href="">匹克校服</a>
                        <a href="">匹克品牌</a>
                    </div>
                    <div class="cbg-clear">
                        <a href="">服务热线</a>
                        <a href="">售前: 0595-2275 0137</a>
                        <a href="">售后: 400-884-8840</a>
                        <a href="">工作日 9:00-23:00(节假日不休息)</a>
                    </div>
                    <div class="honor-label-last">
                        <img src="../img/foot-qq.png" alt="">
                        <div class="vip-wrapper">
                            <p>VIP粉丝群</p>
                            <br>
                            <span>
                                <a href="">福利</a>|
                                <a href="">活动</a>|
                                <a href="">新品</a>
                            </span>
                            <a href="">
                                <div class="">立即加入</div>
                            </a>
                        </div>

                    </div>
                    <div class="a-link a-link-last cbg-clear">
                        <img src="../img/qrcode.png" alt="">
                        <a>匹克微服务</a>
                    </div>
                    <div class="a-link a-link-last">
                        <img src="../img/foot-qrcode.jpg" alt="">
                        <a>匹克官方商城<br>微信公众号</a>
                    </div>
                </div>
                <div class="footer-bottom">
                    <a href=""><img src="../img/morelogo6.png" alt=""></a>
                    <a href=""><img src="../img/foot-website2.jpg" alt=""></a>
                    <a href=""><img src="../img/baozhang.bmp" alt=""></a>
                    <a href=""><img src="../img/xchinapay.png" alt=""></a>
                    <p>
                        Copyright
                        <b class="styleCopyright">© </b>
                        2014
                        <span style="line-height: 14px;"><a href="">匹克官方网店</a></span>
                        版权所有|
                        <a href="">闽ICP备11009488号-6</a>
                        移动统计
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>